<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Ruleta Jorge</title>
		<link rel="stylesheet" type="text/css" href="styles.css" />
		
		<script language="javascript">
		
		function crearApuesta(nro){
		window.location = "crearApuesta.jsp?nro="+nro;
		
		}
		
		</script>
		
	</head>	
	<body>
		<CENTER>
		<H2>Ruleta</H2>
		</CENTER>
		<CENTER>
	
		<h2>Bienvenido <%= request.getAttribute("nombre") %> usted dispone de <%= request.getAttribute("fichas") %> fichas</h2>
		<table width="200" height="400px"; border="0" cellspacing="2" cellpadding="2" bgcolor="#000000" >
			<tr aling="center">
			<td class="celdaVerde" ></td>
			<td class="celdaVerdeNumero"onclick="crearApuesta(0);">0</td>
			<td class="celdaVerde" ></td>
			</tr>
			<tr align="center">
			<td class="celdaRoja" onclick="javascript: crearApuesta(1);">1</td>
			<td class="celdaNegra" onclick="crearApuesta(2)">2</td>
			<td class="celdaRoja" onclick="crearApuesta(3)">3</td>
			</tr>
			<tr align="center">
			<td class="celdaNegra" onclick="crearApuesta(4)">4</td>
			<td class="celdaRoja" onclick="crearApuesta(5)">5</td>
			<td class="celdaNegra" onclick="crearApuesta(6)">6</td>
			</tr>
			<tr align="center">
			<td class="celdaRoja" onclick="crearApuesta(7)">7</td>
			<td class="celdaNegra" onclick="crearApuesta(8)">8</td>
			<td class="celdaRoja" onclick="crearApuesta(9)">9</td>
			</tr>
			<tr align="center">
			<td class="celdaNegra" onclick="crearApuesta(10)">10</td>
			<td class="celdaNegra" onclick="crearApuesta(11)">11</td>
			<td class="celdaRoja" onclick="crearApuesta(12)">12</td>
			</tr>
			<tr align="center">
			<td class="celdaNegra" onclick="crearApuesta(13)">13</td>
			<td class="celdaRoja" onclick="crearApuesta(14)">14</td>
			<td class="celdaNegra" onclick="crearApuesta(15)">15</td>
			</tr>
			<tr align="center">
			<td class="celdaRoja" onclick="crearApuesta(16)">16</td>
			<td class="celdaNegra" onclick="crearApuesta(17)">17</td>
			<td class="celdaRoja" onclick="crearApuesta(18)">18</td>
			</tr>
			<tr align="center">
			<td class="celdaRoja" onclick="crearApuesta(19)">19</td>
			<td class="celdaNegra" onclick="crearApuesta(20)">20</td>
			<td class="celdaRoja" onclick="crearApuesta(21)">21</td>
			</tr>
			<tr align="center">
			<td class="celdaNegra" onclick="crearApuesta(22)">22</td>
			<td class="celdaRoja" onclick="crearApuesta(23)">23</td>
			<td class="celdaNegra" onclick="crearApuesta(24)">24</td>
			</tr>
			<tr align="center">
			<td class="celdaRoja" onclick="crearApuesta(25)">25</td>
			<td class="celdaNegra" onclick="crearApuesta(26)">26</td>
			<td class="celdaRoja" onclick="crearApuesta(27)">27</td>
			</tr>
			<tr align="center">
			<td class="celdaNegra" onclick="crearApuesta(28)">28</td>
			<td class="celdaNegra" onclick="crearApuesta(29)">29</td>
			<td class="celdaRoja" onclick="crearApuesta(30)">30</td>
			</tr>
			<tr align="center">
			<td class="celdaNegra" onclick="crearApuesta(31)">31</td>
			<td class="celdaRoja" onclick="crearApuesta(32)">32</td>
			<td class="celdaNegra" onclick="crearApuesta(33)">33</td>
			</tr>
			<tr align="center">
			<td class="celdaRoja" onclick="crearApuesta(34)">34</td>
			<td class="celdaNegra" onclick="crearApuesta(35)">35</td>
			<td class="celdaRoja" onclick="crearApuesta(36)">36</td>
			</tr>
		</tr>
		</table>
		</CENTER>
		
		<a href="index.jsp">Volver</a>
	</body>
</html>